<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <#include "/header.html">
        <script src="/js/jquery-1.8.2.min.js" type="text/javascript"></script>

        <link href="/css/tabStyle.css" rel="stylesheet" type="text/css">

        <script src="/js/tabScript.js" type="text/javascript"></script>

        <script>

            $(function () {

                loadTab();

            });

        </script>

    <style type="text/css">
        .lightbox {
            position: fixed;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            z-index: 7;
            opacity: 0.3;
            display: block;
            background-color: rgb(0, 0, 0);
            display: none;
        }

        .pop, iframe {
            position: absolute;
            left: 50%;
            top: 0;
            width: 893px;
            height: 100%;
            margin-left: -446.5px;
            z-index: 9;
        }
        </style>
    </head>


<body>
<div id="book">
    <ul class="tabs">
        <li v-for="cls in clazzList">
            <a href="#" :name="cls.className">{{cls.className}}</a>
        </li>
    </ul>
    <div class="content">
        <div :class="cls.className" v-for="cls in clazzList">
            <ul>
                <li v-for="book in cls.bookList">
                    <a
                       :href="book.bookUrl"
                       target="pdfContainer" @click="showPdf(true)">{{book.bookName}}</a>
                </li>
            </ul>
        </div>
        <div class="lightbox" id="lightbox"></div>
        <div id="pop" class="pop" style="display: none;">
            <a @click="close()"
               style="
		    position: absolute;
		    right: -90px;
		    display: inline-block;
		    width: 80px;
		    height: 30px;
		"
               id="close">关闭</a>
            <iframe src="" frameborder="0" id="pdfContainer" name="pdfContainer"></iframe>
        </div>
    </div>
</div>
<script src="/js/index.js?_${.now?long}"></script>
</body>

</html>